//定义全局变量
$(function () {
    //定义全局变量
    window.pageSize = 5;
    window.pageNum = 1;
    window.keyword = "";
    //显示数据
    showPage();
});

function showPage() {
    $.ajax({
        url: "/message/search/by/keyword",
        type: "post",
        data: {
            pageNum: window.pageNum,
            pageSize: window.pageSize,
            keyword: window.keyword
        },
        dataType: "json",
        success: function (result) {
            if (result.result == "SUCCESS") {
                //解析数据
                $("#roleTableBody").empty();//empty 移除里面的所有内容
                //获取数据集合
                var list = result.data.list;
                if (list.length > 0) {
                    //有数据
                    //var list=list[i];
                    for (var i = 0; i < list.length; i++) {
                        var $tr = $('<tr></tr>');
                        var $td1 = $('<td>' + (i + 1) + '</td>');
                        var $td2 = $('');
                        var $td3 = $('<td>' + list[i].content + '</td>');
                        var $td4 = $('<td></td>');
                        $td4.append('');
                        $td4.append('<button  roleId="'+list[i].id+'"   type="button" class="btn btn-primary btn-xs editBtn"><i class=" glyphicon glyphicon-pencil"></i><tton>');

                        //删除按钮
                        /*  $td4.append('<button type="button" class="btn btn-danger btn-xs"><i class=" glyphicon glyphicon-remove"></i><tton>');*/
                        $td4.append('');
                        $tr.append($td1);
                        $tr.append($td2);
                        $tr.append($td3);
                        $tr.append($td4);

                        $("#roleTableBody").append($tr);
                    }
                    //显示分页导航
                    initPagination(result.data);
                } else {
                    //没数据
                    var $tr = $('<tr></tr>');
                    var $td = $('<td colspan="4">对不起，没有查询到相应的角色！！</td>');
                    $tr.append($td);
                    $("#roleTableBody").append($tr);
                }
            } else {
                layer.msg(result.message + "获取角色数据失败!");
            }
        }
    });
}



//initPagination函数
//声明函数封装导航条初始化操作
function initPagination(pageInfo) {
    // 声明变量存储分页导航条显示时的属性设置
    var paginationProperties = {
        num_edge_entries : 3,        //边缘页数
        num_display_entries : 5,      //主体页数
        callback : pageselectCallback, //回调函数
        items_per_page : window.pageSize,  //每页显示数据数量，就是pageSize
        current_page : (window.pageNum - 1),//当前页页码
        prev_text : "上一页",       //上一页文本
        next_text : "下一页"        //下一页文本
    };

    // 显示分页导航条
    $("#Pagination").pagination(pageInfo.total, paginationProperties);

}
//9．pageselectCallback()函数
// 在每一次点击“上一页”、“下一页”、“页码”时执行这个函数跳转页面
function pageselectCallback(pageIndex,jq) {
    // 将全局变量中的pageNum修改为最新值
    // pageIndex从0开始，pageNum从1开始
    window.pageNum = pageIndex + 1;
    // 调用分页函数重新执行分页
    showPage();
    return false;
}

//关键字查询
$("#searchBtn").click(function(){
    //再单击响应函数中获取文本框输入的数据
    var keyword=$.trim($("#keywordInput").val());
    //验证 输入数据是否有效
    if(keyword.length==0){
        //无效 则提示
        layer.msg("请输入关键字!")
        return;
    }
    // 如果有效，赋值给window.keyword
    window.keyword = keyword;
    //调用showPage()重新分页
    showPage();
})



//三十一、角色维护-批量删除
//全选/全不选
$("#summaryBox").click(function(){
    var currentStatus=this.checked;
    $(".itemBox").prop("checked",currentStatus);
})

//检查 itemBox是否被选中   查询出来数据显示在删除的页面
$("#batchRemoveBtn").click(function () {
    var  length=$(".itemBox:checked").length;
    if(length==0){
        layer.msg("请至少选择一个按钮!");
        return ;
    }
    //在全局作用域内创建roleIdArray
    window.roleIdArray=new Array();
    //each  输出选中行查出来数据
    $(".itemBox:checked").each(function () {
        var roleId=$(this).attr("roleid");
        //存到创建的数组里面
        window.roleIdArray.push(roleId);
    })
//打开模态框
    showRemoveConfirmModal();
})




//4．绑定单击响应函数
$("#roleTableBody").on("click",".editBtn",function () {
    window.roleId=$(this).attr("roleId");
    var roleName=$(this).parents("tr").children("td:eq(1)").text();
    $("#roleNameInputEdit").val(roleName);
    $("#editModal").modal("show");
})
//6．给“更新”按钮绑定单击响应函数
$("#editModalBtn").click(function () {
    var roleName = $.trim($("#roleNameInputEdit").val());
    if(roleName==null){
        layer.msg("请输入有效角色名!");
        return;
    }
    $.ajax({
        url: "/message/update/role",
        type: "post",
        data: {
            "id": window.roleId,
            "name": roleName
        },
        dataType: "json",
        success:function (ajaxResult) {
            var result=ajaxResult.result;
            if(result=="SUCCESS"){
                layer.msg("修改成功!");
                showPage();
            }else{
                layer.msg("修改失败!");
            }
            $("#editModal").modal("hide");
        }
    })
})
